body, html {  
   min-height: 100vh;
   font-size: 14px;
   line-height: 1;
   color: #212121; 
   background: #F5F8FC; 
   position: relative;
   overflow-x: hidden; 
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
   padding-left: 8px;
   padding-right: 8px;
}
header{
   position: relative;
}
header .toast {
   width: 32%; 
   left: 36%;
   right: 34%;
   background-color: #FFE36A;
   color: #212121;
   font-size: 20px;
   font-weight: 400;
   line-height: 60px;
   text-align: center;
   position: absolute;
   top: 60px;
   opacity: 1;
 }
a:hover{
   text-decoration: none;
}
.nav-link{
   font-size: 1.3rem;
}
.nav-item{
   margin-left: 1rem;
}
.nav-item.active a{
   font-weight: 500;
   padding-top: 4px;
}
.nav-item:not(.active) a { 
   font-size: 14px;
}
 input{ 
    font-size: 20px;
    font-weight: 400; 
    border: 0;
 }
 input:focus{
     border: 0;
     outline:0;
 }
 .btn.btn-primary{
    background: linear-gradient(28deg, rgba(255,171,56,1) 0%, rgba(244,81,45,1) 49%);
    color: #fff;
    font-size: 20px;
    padding: 0.5rem 2rem 0.8rem 2rem;
    border-radius: 2rem; 
    transition: all 0.5s ease;
 }
 .btn.btn-primary:hover{
    box-shadow: 0px 0px 9px 0px #3e4eb6;
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
}
 .text-gray{
    color:#6c757d;
    line-height: 2;
 }
 .text-gray:hover{
    color: #b5b5b5;
 }
 .card{
    border: 0;
    padding: 3rem;
    margin-bottom: 1rem;
   box-shadow: 0px 0px 46px -30px grey;
 }
 
 body > .container{
    margin-top: 3rem;
    padding-top: 3rem;
    min-height: 75vh;
}
 
 .card.product p {
   color: #666;
   font-weight: 400;
   font-size: 1rem;
   line-height: unset; 
}
.card.product h4{
   font-size: 1.1rem;
}
p{
   font-size: 1.05rem;
   line-height: 1.5; 
   color: #666;
}
.container .card h3{
   font-size: 20px;
   color: #212121;
   line-height: 34px;
   margin-bottom: 26px;
}
.title h2{ 
   padding-left: 3rem;
   padding-bottom: 1.5rem;
}
@media only screen and (max-width:576px){
   header .toast{
      width: 80%;
      left: 10%;
   }
   .card.container p{ 
      padding: 1rem; 
   }
   .card div.faqs-list > div{
      padding-right: 20px;
   }
   .container{
      max-width: 90vw;
      padding-right: 0px;
      padding-left: 0px;
   }
   .title h2{
      padding-left: 1rem;
   }
   .container .faqs-list h4::after{  
      content: "";
      right: -2rem; 
      top: 1rem; 
  }
}
@media only screen and (max-width:320px){
   .card h4{
      font-size: 1.2rem;
   }
}
.card.product .product-pricing{
   color: #FF5621;
}
.product-item p {
   color: #000000;
}
.product .product-item {
   border: 1px solid #E6E6E6;
   padding-top: 1rem;
   padding-bottom: 1rem;
   margin-left: 0px;
   margin-right: 0px;
   cursor: pointer;
   border-radius: 0.5rem;
}
.product-item .product-title {
   height: 2rem;
   overflow: hidden;
}
.product-item .product-desc{
   height: 3rem;
   overflow: hidden;
}
.primary-color-bg{
   background-color: #FF5621;
}
.product {
   margin-top: 0rem;
}
.progress {
   height: 0.99rem;
}
.progress p {
   height: 0.7rem;
   font-weight: bold;
   line-height: 0.9rem;
}